body {
    background-color: #f4f4f4;

    .mi {

        // 头部搜索
        .title {
            height: 1.5467rem;
            background-color: rgb(132, 93, 50);
            padding-right: .32rem;
            line-height: 1.3333rem;
            box-sizing: border-box;

            .logo {
                height: .8rem;
                margin-left: .32rem;
            }

            .input {
                width: 8.1067rem;
                height: .9067rem;
                background-color: rgb(240, 240, 240);
                border-radius: .9067rem;
                padding: .2133rem 0;
                box-sizing: border-box;
                margin-top: .32rem;

                img {
                    width: .5333rem;
                    margin-left: .2667rem;
                }

                input {
                    background-color: rgb(240, 240, 240);
                    height: .5333rem;
                    width: 6.2rem;
                    margin-left: .2667rem;
                    font-size: .3733rem;
                    padding-top: .0533rem;
                    color: #ccc;
                    box-sizing: border-box;
                }
            }
        }

        // 上部图片
        .image_show {
            img {
                width: 100%;
            }
        }

        // 导航区域
        .nav {
            margin-top: .2667rem;

            li {
                float: left;
                margin-left: .2667rem;

                // &:nth-child(1)
                img {
                    width: 1.6533rem;
                }
            }

            p {
                text-align: center;
            }
        }

        // 商品导航
        .goods_nav {

            ul {

                li {
                    width: 2.4rem;
                    height: 1.3333rem;
                    line-height: 1.3333rem;
                    float: left;
                    text-align: center;
                    font-size: .4rem;
                    font-weight: bold;
                    position: relative;

                    &::after {
                        content: '';
                        display: block;
                        width: .0267rem;
                        height: .64rem;
                        background-color: rgb(226, 226, 226);
                        position: absolute;
                        top: .3733rem;
                        left: 2.4533rem;
                    }

                    &:nth-child(1) {
                        font-size: .5333rem;
                        position: relative;

                        &::before {
                            content: '';
                            display: block;
                            width: .6933rem;
                            height: .08rem;
                            background-color: rgb(225, 153, 38);
                            position: absolute;
                            top: 1.12rem;
                            left: .8rem;
                        }

                        a {
                            color: rgb(225, 153, 38);
                        }
                    }

                    &:hover {
                        margin-left: .2667rem;
                        font-size: .5333rem;
                        position: relative;

                        &::before {
                            content: '';
                            display: block;
                            width: .6933rem;
                            height: .08rem;
                            background-color: rgb(225, 153, 38);
                            position: absolute;
                            top: 1.12rem;
                            left: .8rem;
                        }

                        a {
                            color: rgb(225, 153, 38);
                        }
                    }
                }
            }
        }

        // 商品主体
        .godds_body {
            margin-top: .2667rem;

            .public {
                width: 4.5867rem;
                height: 7.7333rem;
                float: left;
                background-color: #fff;
                margin-left: .2933rem;
                margin-bottom: .2667rem;
                border-radius: .2667rem;

                a {
                    .main_photo {
                        width: 100%;
                        border-radius: .2667rem;
                        margin-bottom: .16rem;
                    }

                    p {
                        margin-left: .2667rem;

                        &:nth-child(2) {
                            font-size: .3733rem;
                            margin-bottom: .2667rem;

                            img {
                                margin-right: .1067rem;
                            }
                        }

                        &:nth-child(3) {
                            color: rgba(0, 0, 0, 0.6);
                            font-size: .32rem;
                            margin-bottom: .4rem;
                        }

                        &:nth-child(4) {
                            margin-bottom: .2667rem;
                        }

                        &:last-child {
                            img {
                                margin-left: .1067rem;
                            }
                        }

                        img {
                            height: .3733rem;
                        }

                        .one {
                            font-size: .2667rem;
                            color: rgb(248, 36, 0);
                        }

                        .two {
                            font-size: .4267rem;
                            color: rgb(248, 36, 0);
                        }

                        .del {
                            text-decoration: line-through;
                            color: rgba(0, 0, 0, 0.4);
                            font-size: .32rem;
                        }
                    }
                }
            }

            .goods4,
            .goods9 {
                a {
                    p:last-child {
                        span {
                            display: block;
                            float: left;
                            width: .64rem;
                            height: .3733rem;
                            background-color: rgb(254, 166, 0);
                            font-size: .2667rem;
                            color: #fff;
                            text-align: center;
                            line-height: .3733rem;
                            margin-top: .0533rem;
                            border-radius: .0533rem;
                        }
                    }
                }
            }

            .goods3 {
                p:nth-child(3) {
                    font-size: .3733rem !important;
                    color: #333 !important;
                }
            }
        }

        // 敬请期待
        .foot{
            height: 4.4267rem;
            text-align: center;
            padding-top: 1.44rem;
            box-sizing: border-box;
            span{
                font-size: .3733rem;
                color: rgb(153, 153, 153);
                position: relative;
                &::before{
                    display: block;
                    content: '';
                    width: 1.3867rem;
                    height: .0267rem;
                    background-color: rgb(153, 153, 153);
                    position: absolute;
                    top: .2667rem;
                    left: -1.5467rem;
                }
                &::after{
                    display: block;
                    content: '';
                    width: 1.3867rem;
                    height: .0267rem;
                    background-color: rgb(153, 153, 153);
                    position: absolute;
                    top:.2667rem;
                    left: 3.5733rem;
                }
            }
        }


        // 底部导航
        .footer_nav{
            height: 1.3867rem;
            background-color: #fff;
            .public_nav{
                width: 25%;
                float: left;
                text-align: center;
                span{
                    font-size: .64rem;
                    display: block;
                    margin-bottom: .16rem;
                    margin-top: .1067rem;
                }
                // p{
                //     margin-top: .1067rem;
                // }
            }
        }
        // APP打开
        .fixed_box {
            width: 3.5733rem;
            height: 1.0667rem;
            background-color: rgb(248, 36, 0);
            border-radius: 1.0667rem;
            position: fixed;
            top: 90%;
            left: 50%;
            transform: translate(-50%, -50%);
            a {
                .image{
                    width: .7467rem;
                    margin-left: .4rem;
                    margin-right: .16rem;
                    img{
                        width: 100%;
                        margin-bottom: .1067rem;
                    }
                }
                .app{
                    font-size: .3733rem;
                    color: #fff;
                    height: 1.0667rem;
                    line-height: 1.0667rem;
                }
            }
        }

    }
}